.coupon_detail {
    // 安全区无背景色
    min-height: calc(100vh - (62rpx + var(--safe-area-inset-bottom)));
    margin-bottom: var(--safe-area-inset-bottom);
    padding: 31rpx 29rpx;
    // 安全区加背景色
    // min-height: calc(100vh - (62rpx + var(--safe-area-inset-bottom)));
    // padding: 31rpx 29rpx 0;
    // padding-bottom: calc(31rpx + var(--safe-area-inset-bottom));

    text-align: center;

    background: #fe292b;

    .coupon_main {
        width: 690rpx;

        .coupon_contatner {
            position: relative;

            width: 100%;

            border-top-left-radius: 8rpx;
            border-top-right-radius: 8rpx;
            background: #ffffff;

            .heard_right {
                position: absolute;
                top: 0;
                right: 0;

                image {
                    width: 116rpx;
                    height: 105rpx;
                }
            }

            .coupon_invalid {
                position: absolute;
                top: 105rpx;
                right: 56rpx;

                image {
                    width: 199rpx;
                    height: 150rpx;
                }
            }

            .coupon_title {
                padding: 67rpx 50rpx 45rpx;

                color: #333333;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 36rpx;
                font-weight: 500;
                line-height: 51rpx;
            }

            .coupon_price {
                color: #fe292b;

                font-family: PingFangSC-Semibold, PingFang SC;
                font-size: 51rpx;
                font-weight: 600;

                .unit {
                    color: #fe292b;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 400;
                    line-height: 25px;
                }
            }

            .coupon_condition {
                margin: 29rpx 0 22rpx;

                color: #333333;

                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 25rpx;
                font-weight: 400;
                line-height: 36rpx;
            }

            .coupon_time {
                margin-bottom: 80rpx;

                color: #333333;

                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 22rpx;
                font-weight: 400;
                line-height: 31rpx;
            }

            .coupon_action {
                padding: 0 0 36rpx;

                &_use {
                    width: 565rpx;
                    height: 80rpx;
                    margin: auto;

                    color: #ffffff;
                    border-radius: 40px;
                    background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 29rpx;
                    font-weight: 500;
                    line-height: 80rpx;
                }

                .disabled {
                    background: #cccccc !important;
                }
            }

            .coupon_concave {
                position: relative;

                width: 100%;
                height: 72rpx;

                background-color: #ffffff;

                // -webkit-mask: radial-gradient(circle at 0, #0000 24rpx, #fe292b 0),
                //     radial-gradient(circle at right, #0000 24rpx, #fe292b 0);
                // -webkit-mask-size: 50.5%;
                // -webkit-mask-position: 0, 100%;
                // -webkit-mask-repeat: repeat-y;
                .left_round {
                    position: absolute;
                    z-index: 2;
                    top: 12rpx;
                    left: -26rpx;

                    width: 48rpx;
                    height: 48rpx;

                    border-radius: 50%;
                    background-color: #fe292b;
                }

                .right_round {
                    position: absolute;
                    z-index: 2;
                    top: 12rpx;
                    right: -26rpx;

                    width: 48rpx;
                    height: 48rpx;

                    border-radius: 50%;
                    background-color: #fe292b;
                }

                .dashed {
                    position: absolute;
                    z-index: 1;
                    top: 35rpx;
                    left: 24rpx;

                    width: 690rpx;
                    height: 2rpx;

                    background-image: linear-gradient(to right, #ffdada 0%, #ffdada 50%, transparent 50%);
                    background-repeat: repeat-x;
                    background-size: 20rpx 2rpx;
                }
            }

            .coupon_desc {
                box-sizing: border-box;
                width: 100%;
                padding: 0 29rpx 33rpx;

                text-align: left;

                border-bottom-right-radius: 8rpx;
                border-bottom-left-radius: 8rpx;
                background-color: #ffffff;

                &_title {
                    color: #333333;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 29rpx;
                    font-weight: 400;
                    line-height: 40rpx;
                }

                &_content {
                    margin-top: 16rpx;

                    white-space: pre-line;

                    color: #666666;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 400;
                    line-height: 36rpx;
                }
            }
        }
    }

    .coupon_invalid {
        .coupon_contatner {
            .coupon_title,
            .coupon_condition,
            .coupon_time {
                color: #cccccc !important;
            }

            .coupon_action_use {
                background: #cccccc !important;
            }

            .coupon_price,
            .unit {
                color: #999999 !important;
            }
        }

        .coupon_desc {
            .coupon_desc_title,
            .coupon_desc_content {
                color: #cccccc !important;
            }
        }
    }
}
